<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>

<a id="top">顶部</a>
<!--
    a标签
    href：必填，跳转链接
    target="_blank" 新页面
    self 本页面

-->
    <a href="https://www.baidu.com" target="_blank">百度</a>
    <a href="03.img.html">图片</a>

<br>
<!--图片链接-->
<a href="01.test02.html">
    <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
</a>

<p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p>
<p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p><p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p><p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p><p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p><p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p><p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p><p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p><p>
    <a href="01.test02.html">
        <img src="./res/image/bg1.jpg" alt="bg" title="地球村">
    </a>
</p>
<!--锚链接
1.需要1个锚标记
2.跳转到标记
-->
<a href="#top">回到顶部</a>
<a href="#top">回到顶部</a>
<a href="#top">回到顶部</a>

<h1 id="down">底部</h1>

<!--功能性标签：邮箱标签  mailto
QQ推广
-->

<a href="mailto:1720282908@qq.com">联系我</a>

</body>
</html>